<template>
    <div class="app-title">
    <span>{{ props.title }}</span>
    <slot></slot>
  </div>
</template>

<script setup>
const props = defineProps({
    title:{
        type:String,
        default:'默认标题'
    }
})
</script>

<style lang="scss" scoped>
  .app-title{
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  font-size: 20px;
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-between;
  // align-items: center;
}
</style>